<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>影院安排表</title>
    <style>
        table
        {
            border-collapse: collapse;
        }

       tr
       {
         border:1px ,solid,#eee;
       }

       caption
       {
          font-weight: 700;
          font-size: 30px;
       }

       td
       {
          width: 150px;
          height: 50px;
          text-align: center;
       }
       
       thead tr
       {
          font-weight: 700;
          font-size: 20px;
          background-color:#eee;
       }

        .time .one
        {
           font-weight: 500;
        }

        .time .two
        {
            font-size: 12px;
        }

        .lan,.place,.tine .two
        {
            color: #999;
        }

        .price
        {
            color: red;
        }
         
        div
        {
           margin: 0 ,auto;
        }

        .choose div
        {
           width: 70px;
           height: 30px;
           background-color: red;
           border-radius: 5px;
           color: white;
           display: inline-block;
        }
         
        tbody tr
        {
            background-color:rgb(255, 192, 248);
        }

        tbody tr:nth-child(2n)
        {
            background-color: #eee;
        }
        

    </style>
</head>
<body>
    <table>
        <caption>影院点映放映列表</caption>
        <thead>
            <tr>
                <td>放映时间</td>
                <td>语言版本</td>
                <td>放映厅</td>
                <td>售价</td>
                <td>选座购票</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                 <td class="time">
               <div class="one">13:15</div>
               <div class="two">15:00后剧场</div>
            </td>
            <td class="lan">国语3D</td>
            <td class="place">二号厅</td>
            <td class="price">￥48.5</td>
            <td class="choose">
                <div>
                    选座购票
                </div>
            </td>
            </tr>
             <tr>
                 <td class="time">
               <div class="one">13:15</div>
               <div class="two">15:00后剧场</div>
            </td>
            <td class="lan">国语3D</td>
            <td class="place">二号厅</td>
            <td class="price">￥48.5</td>
            <td class="choose">
                <div>
                    选座购票
                </div>
            </td>
            </tr>
             <tr>
                 <td class="time">
               <div class="one">13:15</div>
               <div class="two">15:00后剧场</div>
            </td>
            <td class="lan">国语3D</td>
            <td class="place">二号厅</td>
            <td class="price">￥48.5</td>
            <td class="choose">
                <div>
                    选座购票
                </div>
            </td>
            </tr>
             <tr>
                 <td class="time">
               <div class="one">13:15</div>
               <div class="two">15:00后剧场</div>
            </td>
            <td class="lan">国语3D</td>
            <td class="place">二号厅</td>
            <td class="price">￥48.5</td>
            <td class="choose">
                <div>
                    选座购票
                </div>
            </td>
            </tr>
             <tr>
                 <td class="time">
               <div class="one">13:15</div>
               <div class="two">15:00后剧场</div>
            </td>
            <td class="lan">国语3D</td>
            <td class="place">二号厅</td>
            <td class="price">￥48.5</td>
            <td class="choose">
                <div>
                    选座购票
                </div>
            </td>
            </tr>
            
        </tbody>
    </table>
</body>
</html>